<template>
	<view class="base">
		<view class="help">
			<view class="help-title">
				<image src="../../../static/images/icon/servicePage.png" class="help-img"></image>
				客服电话
			</view>
			<view class="help-phone">
				<image src="../../../static/images/icon/phone.png" class="help-phone-img"></image>135-8888-8888
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		methods: {}
	}
</script>

<style>
	page {
		background: #65A8F2;
	}
</style>
<style lang="scss" scoped>
	.help {
		width: 610rpx;
		height: 410rpx;
		border-radius: 50rpx;
		background-color: #fff;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: calc(50vh - 300rpx) auto;


		.help-title {
			margin: 40rpx auto;
			font-size: 36rpx;

			.help-img {
				width: 100rpx;
				height: 100rpx;
				margin-right: 20rpx;
				vertical-align: middle;


			}
		}

		.help-phone {
			margin: 0 auto;
			font-size: 32rpx;

			.help-phone-img {
				width: 50rpx;
				height: 50rpx;
				vertical-align: middle;
			}
		}

	}
</style>
